<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加载过场整理(Spin)</title>
    <link rel="stylesheet" type="text/css" href="loader-spin.less" />
</head>
<body>

<div id="loader-wrapper">
    <div id="loader"></div>
</div>

</body>

<script type="text/javascript" src="/static/vendor/jquery/dist/jquery.min.js"></script>
<script type="text/javascript">
    $(window).load(function() { // makes sure the whole site is loaded
        $('#loader').fadeOut(); // will first fade out the loading animation
        $('#loader-wrapper').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
        $('body').delay(350).css({'overflow-y':'visible'});
    })
</script>
</html>
